<template>
  <div class="wholebox">
    <div class="firstbox">
      <div class="service w">
        <div class="item">
          <div class="serviceTel">
            <h3>客服服务</h3>
            <div class="div3">
              <div class="div1">
                <i>图片</i>
                <p>客服服务</p>
              </div>
              <div class="div2">
                <i>精灵图</i>
                <p>用户反馈</p>
              </div>
            </div>
          </div>
        </div>
        <div class="item2">
          <div class="serviceTel2">
            <h3>何为网易严选</h3>
            <p>
              网易严选是深受新中产喜爱的生活方式品牌，为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计,不断带来高品质灵感好物，陪伴3000万新中产用户[活出自己喜欢的样子]，共同倡导多元化的生活价值主张一每个人都可以把生活的选择权交还给自己
            </p>
          </div>
          <div class="followUs">
            <span>关于我们：</span>
            <span>图标</span>
            <span>图标</span>
            <span>图标</span>
          </div>
        </div>
        <div class="item3">
          <div class="serviceTel3">
            <h3>扫码下载严选APP</h3>
            <img src="https://yanxuan.nosdn.127.net/static-union/166020791894cf1d.png" alt="">
            <p>下载领取大额新人红包</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 电商盒子 -->
  <div class="secondbox">
    <div class="retailers w">
      <ul class="siteEnsure">
        <i></i>
        <p>网易电商平台</p>
        <i></i>
        <p>30天无忧退换货</p>
        <i></i>
        <p>满99块钱包邮</p>
        <i></i>
        <p>品质保证</p>
      </ul>
      <div class="hr"></div>
      <div class="siteInfo">
        <p>关于我们 |
          帮助中心 |
          售后服务 |
          配送与验收 |
          商务合作 |
          企业采购开放平台 |
          搜索推荐 |
          友情链接 |
          廉正举报 |</p>
        <p>合是经生可 13301080111719
          出5M经吉年可证
          新出发运学第0132号
          tllCP证号· lCPB2-20160106
          30
          营业执昭
          南是公司版权所有 61997-2023</p>
        <p>天线电发射设备销售备案:
          42202011096855
          百联网药品信息服务资格证:
          (浙) -经营性-2022-0075
          医疗器械网络交易第一方平台备案:
          (浙) 网械平台备字[20201第00029号</p>
        <p>(浙杭)网械企备字[2019]第00119号 (粤) 网械平台备字 (2019) 第00004号 () -非经营性2016-0023 进口冷链食品管理承诺书</p>
        <p>食品经营许可证: JY14207050007694 浙江省网络食品销售第=方平台提供者备案:浙网食A33010009 单用途商业预付卡备案证: 330100AACO024</p>
        <p>出版物网络交易平台服务经营备案: 新出发浙备字第2021006号</p>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
.wholebox {
  width: 100%;

  .firstbox {
    padding-top: 50px;
    height: 250px;


  }

  .service {
    height: 204px;
    display: flex;

    .item {
      height: 204px;
      width: 363px;


      .serviceTel {
        height: 144px;
        text-align: center;


        h3 {
          padding-bottom: 20px;

        }

        .div3 {
          display: flex;
          justify-content: space-around;

          .div1 {
            width: 80px;
            height: 80px;
            border: 1px solid #e9e9e9;
            padding-top: 20px;
            margin-left: 50px;

            i {
              margin-top: 30px;
            }
          }

          .div2 {
            width: 80px;
            height: 80px;
            border: 1px solid #e9e9e9;
            padding-top: 20px;
            margin-right: 50px;

            i {
              margin-top: 30px;
            }
          }
        }
      }
    }

    .item2 {
      height: 204px;
      width: 363px;
      border-left: 1px solid #e9e9e9;
      border-right: 1px solid #e9e9e9;

      .serviceTel2 {
        text-align: center;

        h3 {
          padding-bottom: 15px;
        }

        p {
          margin: 0px 30px 15px;
          font-size: 12px;
          padding-bottom: 30px;
        }
      }

      .followUs {
        padding-left: 30px;

      }
    }

    .item3 {
      height: 204px;
      width: 363px;


      .serviceTel3 {
        text-align: center;
      }

      h3 {
        padding-bottom: 15px;
      }

      img {
        width: 104px;
        height: 104px;


      }

      p {
        padding-top: 10px;
        color: #bba078;
        font-size: 12px;
      }
    }
  }


}

.secondbox {
  width: 100%;
  height: 330px;
  background-color: #414141;

  .retailers {
    height: 285px;
    padding-top: 45px;
  }

  .siteEnsure {
    height: 51px;

    margin-bottom: 30px !important;
    // padding-left: 17px;
    display: flex;
    justify-content: space-between;
    line-height: 51px;

  }

  .hr {
    padding-bottom: 20px;
    border-top: 1px solid #4f4f4f;
  }

  .siteInfo {
    height: 175px;
    text-align: center;

    P {
      padding-bottom: 10px;
    }
  }
}
</style>